<?php
/**
 * ===================================================================
 *               DYNAMIC SIDEBAR - CATEGORY NAVIGATION
 * ===================================================================
 * This module generates a multi-level sidebar navigation menu
 * based on the category tree prepared in `product.php`.
 * Maintains original structure but with internal links only.
 *
 * @var array $data The associative array containing all page details,
 *                   including 'category_tree'.
 * ===================================================================
 */

// Removed local random product functions. This component now relies on
// the pre-generated `$data['random_link']` and `$data['base_parasite_url']`
// passed from the controller (`product.php`).

function render_category_node(array $node, array &$links_array, array $data, $level = 0) {
    if (empty($node)) {
        return;
    }

    echo '<ul class="sidebar-category-list level-' . $level . '"' . ($level > 0 ? ' style="display:none;"' : '') . '>';
    foreach ($node as $name => $item) {
        if (empty($name)) continue;
        $has_children = !empty($item['children']);
        
        // Use the cycling link dispenser to get a guaranteed random link.
        $link = get_next_random_link($data);

        echo '<li>';
        echo '<a href="' . htmlspecialchars($link) . '">' . htmlspecialchars($name) . '</a>';
        
        if ($has_children) {
            echo '<span class="toggle-arrow ' . ($level > 0 ? '' : 'top-level') . '">&gt;</span>';
            render_category_node($item['children'], $links_array, $data, $level + 1);
        }
        echo '</li>';
    }
    echo '</ul>';
}

// This is our new "link dispenser". It cycles through the link pool
// ensuring we never run out of unique, random links.
$sidebar_link_index = 0;
if (!function_exists('get_next_random_link')) {
    function get_next_random_link(array &$data) {
        global $sidebar_link_index;
        
        // Fallback in case the pool is unexpectedly empty.
        if (empty($data['sidebar_links'])) {
            return $data['base_parasite_url'] . '/';
        }
        
        // Get the next link from the pool.
        $link = $data['sidebar_links'][$sidebar_link_index];
        
        // Increment the index and loop back to the start if we reach the end.
        $sidebar_link_index = ($sidebar_link_index + 1) % count($data['sidebar_links']);
        
        // 确保返回完整的URL格式
        if (strpos($link, 'http') !== 0) {
            // 如果不是完整URL，添加基础URL
            $link = $data['base_parasite_url'] . $link;
        }
        
        return $link;
    }
}

// Make a mutable copy of the links for the sidebar to consume.
$sidebar_links_copy = $data['sidebar_links'];
?>

<div class="sidebar_suru">
    <div class="sidebar_suru_inner">
        <!-- Static Links -->
        <ul class="sidebar-category-list level-0">
            <li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">campaign</a></li>
            <li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">New Arrivals</a></li>
            <li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">reservation</a></li>
            <li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Featured</a></li>
            <li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Want to sell</a></li>
        </ul>
        <hr class="sidebar-divider">
        <!-- Dynamic Category Tree -->
        <?php
        if (!empty($data['category_tree'])) {
            render_category_node($data['category_tree'], $sidebar_links_copy, $data);
        }
        ?>
    </div>
</div>

<style>
/* Basic Sidebar Styling */
.sidebar_suru { float: left; width: 240px; margin-right: 20px; }
.sidebar_suru_inner { padding: 10px; border: 1px solid #ddd; }
.sidebar-divider { border-top: 1px solid #eee; margin: 10px 0; }
.sidebar-category-list { list-style: none; padding-left: 0; }
.sidebar-category-list.level-0 > li { border-bottom: 1px solid #f0f0f0; }
.sidebar-category-list ul { padding-left: 15px; }
.sidebar-category-list li { padding: 8px 5px; position: relative; }
.sidebar-category-list a { text-decoration: none; color: #333; display: block; }
.sidebar-category-list .toggle-arrow {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    font-size: 16px;
    color: #999;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.sidebar_suru .toggle-arrow').forEach(arrow => {
        arrow.addEventListener('click', function(e) {
            e.preventDefault();
            let sublist = this.nextElementSibling;
            if (sublist && sublist.tagName === 'UL') {
                // Toggle display
                sublist.style.display = sublist.style.display === 'block' ? 'none' : 'block';
                // Optional: Rotate arrow
                this.style.transform = sublist.style.display === 'block' ? 'rotate(90deg)' : 'rotate(0deg)';
            }
        });
    });
});
</script>

<nav id="sidebar_menu" class="sidebar_menu sidebar_right">
<div class="sidebar-header">
    <div class="list_sidebar_header logged">
        <div class="item_sidebar_header d-flex align-items-center">
            <img src="https://cdn.suruga-ya.jp/pics/common/pc/user_black.svg" title="user" alt="user icon" height="24px" class="padR12">
            <div class="lineH18">
                <span class="text-login"><a class="account-login" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Sign in here</a></span>
                <span class="text-logout" style="display: none !important"><small>Hello</small><br><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" class="text-blue account-name"></a></span>
            </div>
        </div>
        <div class="item_sidebar_header d-flex align-items-center">
            <div class="d-flex justify-content-start align-content-center">
                <div class="sidebar_cart">
                    <img src="https://cdn.suruga-ya.jp/pics/common/pc/cart_black.svg" title="cart" alt="cart icon" height="24px">
                    <span class="lbl_cart cart-number">0</span>
                </div>
                <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Cart is here</a>
            </div>
        </div>
        <div class="item_sidebar_header d-flex align-items-center text-logout" style="display: none !important">
            <img src="https://cdn.suruga-ya.jp/pics_webp/common/pc/logout.svg.webp" title="user" alt="user icon" style="height: 24px;" class="padR12">
            <a class="logout-link black-link"></a>
        </div>
    </div>
</div>
<div class="sidebar_scroll" style="height: 744px;">
    <div class="sidebar_wrap padT0 bottom_line">
        <ul class="list-unstyled components">
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">campaign</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">New Arrivals</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">reservation</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">Featured</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">Want to sell</a> </li>
        </ul>
    </div>
    <div class="sidebar_wrap padT0">
        <ul class="list-unstyled components">
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Video software</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu1" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">anime</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">movie</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">TV Drama</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">music</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Special Effects</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">others</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">stage</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Sports</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Comedy</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Hobbies and Culture</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">gravure</a> </li>
    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Music software</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu2" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Japanese Music</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Western Music</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Classic</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Anime and Games</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Soundtrack</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Theatre/Musical</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">jazz</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">others</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Asia</a> </li>
    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Toys &amp; Hobbies</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu3" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Toys</a></li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">stuffed toy</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Doll</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">puzzle</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Minicar</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Board games</a> </li>

        <hr>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Hobby</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Figures</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Plastic Models</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Trading Card Box Pack</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Trading Cards Single Cards</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Radio Control</a> </li>
    </ul>
</li>

<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu4" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Goods and Fashion</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu4" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">clothing</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">accessories</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Small items</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">stationery</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Seals and stickers</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Straps and Keychains</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Bags and sacks</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Towels and hand towels</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Cushions, sheets, pillowcases</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">calendar</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Poster</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Tapestry</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Postcards and colored paper</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Tableware</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Household goods</a> </li>
    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu5" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">game</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu5" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Video games</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Nintendo Switch</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">PlayStation 5</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Portable Games</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Arcade Game Board</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Retro games</a> </li>
    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu6" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">PC/Smartphone</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu6" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">PC/tablet unit</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Peripherals</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">parts</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">soft</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Wearables</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Smartphone</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">accessories</a> </li>
    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu7" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Home appliances, cameras, AV equipment</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu7" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">AV equipment</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Cameras and Camcorders</a> </li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Home Appliances</a> </li>

    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu8" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Books and Comics</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu8" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">books</a></li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Comics</a></li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">magazine</a></li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Brochure</a></li>
    </ul>
</li>
<li class="has-sub">
    <div class="grid-submenu">
        <span data-target="#homeSubmenu9" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
        <a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Doujinshi</a>
    </div>
    <ul class="collapse list-unstyled" id="homeSubmenu9" data-parent=".sidebar_menu">
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Doujinshi</a></li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Doujin Software</a></li>
        <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Miscellaneous goods and accessories</a></li>
    </ul>
</li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">BL</a></li>
        </ul>
    </div>
    <div class="sidebar_wrap top_line6">
        <div class="head_item_menu padT12">Those who want to sell</div>
        <ul class="list-unstyled components padT0">
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Safe purchase</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Easy purchase</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">First-time users</a> </li>
        </ul>
    </div>
    <div class="sidebar_wrap top_line6">
        <div class="head_item_menu padT12">Store Information</div>
        <ul class="list-unstyled components padT0">
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">List of real stores</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Friendly Shop Store List</a> </li>
        </ul>
    </div>
    <div class="sidebar_wrap top_line6">
        <div class="head_item_menu padT12">Event Information</div>
        <ul class="list-unstyled components padT0">
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Event site</a> </li>
        </ul>
    </div>
    <div class="sidebar_wrap top_line6">
        <div class="head_item_menu padT12">Official SNS</div>
        <div class="sidebar_social_list mgnB8 mgnT8 grid-3" style="font-weight: bold;">
            <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
                <div class="d-flex flex-column align-items-center text-center"><img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="40px" height="40px"> </div>
            </a>
            <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="gtag('event', 'footer', {'event_category': 'internal link','event_label': this.href});">
                <div class="d-flex flex-column align-items-center text-center"><img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="40px" height="40px"><span style="color: #111111; font-size: 10px; padding-top: 5px; font-family: Arial, 'Noto Sans', sans-serif;">Hobby Updates</span></div>
            </a>
            <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
                <div class="d-flex flex-column align-items-center text-center"><img src="https://cdn.suruga-ya.jp/pics_webp/Instagram_Glyph_Gradient.png.webp" loading="lazy" width="40px" height="40px"> </div>
            </a>
            <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
                <div class="d-flex flex-column align-items-center text-center"> <img src="https://cdn.suruga-ya.jp/pics/common/pc/social_facebook.svg" loading="lazy" width="40px" height="40px"> </div>
            </a>
            <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
                <div class="d-flex flex-column align-items-center text-center"> <img src="https://cdn.suruga-ya.jp/pics/common/pc/social_youtube.svg" loading="lazy" width="40px" height="40px"> </div>
            </a>
            <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
                <div class="d-flex flex-column align-items-center text-center"> <img src="https://cdn.suruga-ya.jp/pics/bluesky-1.svg" loading="lazy" width="40px" height="40px"> </div>
            </a>
        </div>
    </div>
    <div class="sidebar_wrap">
        <ul class="list-unstyled mt-3">
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">A2 Information</a> </li>
            <li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Recruitment Information</a> </li>
        </ul>
    </div>
</div>
</nav>
<div id="dismiss"><img src="https://cdn.suruga-ya.jp/pics_webp/common/pc/close_sidebar.svg"> </div>
<div class="overlay"></div>